<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>左栏使用方法</title>
		<script src="js/jquery-1.11.1.js"></script>
		<style>
			div{
				width: 300px;
				height: 300px;
				background: #000;
				/* 元素消失 */
				display: none;
			}
		</style>
	</head>
	<body>
		<button>按钮</button>
		<div></div>
		<script>
			/* css("属性","属性值")   功能：设置css样式效果
			                               链式写法【效果追加】
			   attr("html属性","html属性值")
			 */  
			// 点击  按钮  实现 300*300  黑色背景色效果
			$("button").click(function(){
				//$("div").css("width","300px").css("height","300px").css("background","#000");
				$("div").css("display","block");
			});
		</script>
	</body>
</html>